<template>
    <div id="publicPower">
        
        <div style="margin-bottom: 12px">
            <el-date-picker v-model="dateVal" size="small"
                type="datetimerange"
                style="margin-right: 20px"
                start-placeholder="开始日期" end-placeholder="结束日期">
            </el-date-picker>

        </div>

        <el-table :data="tableData" size="mini" border
            v-loading="loading_tab"
            @cell-click="handle_tab"
            :header-cell-style="{background:'#F5F7FA'}">
            <dynamic-theader
                v-for="(item,index) in tableThead" 
                :key="index"
                :col="item" />
        </el-table>

    </div>
</template>
/* 公共用电 */
<script>

import DynamicTheader from '@/utils/DynamicTheader'
import { PublicThead } from '../../utils/tableThead/DormitoryThead.js'

export default {
    name: 'PublicPower',
    components: {
        DynamicTheader,

    },
    data() {
        return {
            dateVal: '',

            loading_tab: false,
            tableThead: PublicThead,
            tableData: [],
            
        }
    },
    created() {
        
    },
    methods: {
        handle_tab() {
            console.log('table 点击事件')
        }
    },
}
</script>
<style scoped>

</style>
